<template>
	<view class="header-box left clearfix fixed">
		<view class="header-left left" @click="navigatorTo()">
			<uni-icons type="left" color="#666" size="20"></uni-icons>
		</view>
		<view class="header-right left">
			{{title}}
		</view>
	</view>
</template>

<style scoped>
	.header-right{line-height:2rem;height:2rem;margin-left:1rem;font-size:.9rem;text-align: center;width:calc(100% - 9rem);}
	.header-left{line-height:2rem;height:2rem;margin-left:1rem;}
	.header-box{width:100%;height:2rem;padding-top:3.5rem;background:#fff;}
</style>

<script>
	export default {
		name:"my-header",
		data() {
			return {
				
			};
		},
		props:{
			title:{
				type:String,
				default:''
			}
		},
		methods:{
			navigatorTo(){
				uni.redirectTo({
					url:'/pages/my/my'
				});
			}
		}
	}
</script>
